html,
body {
  padding: 0;
  margin: 0;
}
ul,
li {
  padding: 0;
  margin: 0;
  list-style: none;
}

/* @media only screen and (min-width: 320px) {
  html {
    font-size: 62.5% !important;
  }
}
@media only screen and (min-width: 640px) {
  html {
    font-size: 125% !important;
  }
}
@media only screen and (min-width: 750px) {
  html {
    font-size: 150% !important;
  }
}
@media only screen and (min-width: 1242px) {
  html {
    font-size: 187.5% !important;
  }
} */
.head {
  position: relative;
  width: 100%;
  height: 88px;
  line-height: 88px;
  text-align: center;
  background: #6558db;
}

.head-left,
.head-right {
  position: absolute;
  height: 88px;
  line-height: 88px;
}

.head-left {
  left: 30px;
}
.head-right {
  right: 30px;
}

.foot ul {
  background: #6558db;
}

.foot ul:after {
  content: '';
  display: block;
  clear: both;
  visibility: hidden;
  height: 0;
}

.foot ul li {
  padding-top: 4px;
  padding-bottom: 4px;
  display: block;
  text-align: center;
  float: left;
}

.body {
  min-height: 100px;
}

.hidden {
  display: none;
}
.checkbox:checked ~ .icon-checkbox {
  background: url(../img/homepage_04.png);
  background-size: 0.3rem 0.25rem;
}
.icon-checkbox {
  width: 1rem;
  height: 1rem;
  margin-right: 0.1rem;
  border: 0.02rem solid #d7d7d7;
  border-radius: 0.06rem;
}
.icon {
  display: inline-block;
  vertical-align: middle;
}

.allCheck {
  padding: 0 0.1rem 0 0.3rem;
}
.check-icon {
  display: inline-block;
  width: 1.5rem;
  padding-left: 0.5rem;
  /* background: url('../../assets/select-no.png') no-repeat left center; */
  background-size: 0.42rem 0.42rem;
}
.check:checked ~ .check-icon {
  /* background: url('../../assets/selected.png') no-repeat left center; */
  background-size: 0.42rem 0.42rem;
}

.selection-rd:checked ~ .selection-lb {
  color: #e44;
  border: 1px solid #e44;
}
.selection-lb {
  display: inline-block;
  margin: 33px 30px 30px 0;
  width: 150px;
  height: 64px;
  line-height: 64px;
  white-space: nowrap;
  background-color: #fff;
  border: 1px solid #bbc;
  border-radius: 5px;
  text-align: center;
  font-size: 32px;
}

/*中间文字两边横线效果*/
.title-center {
  position: relative;
  width: 100%;
  text-align: center;
  height: 100px;
  line-height: 100px;
  font-size: 28px;
  color: #4d72e2;
}
.title-center div {
  display: inline-block;
  padding: 0 20px;
}
.title-center:before,
.title-center:after {
  display: inline-block;
  position: relative;
  content: '';
  height: 2px;
  width: 48px;
  top: -6px;
  background-color: #4d72e2;
}

/* 当设置rem为单位时，1px，会显示偏大，将.title-center:before ,.title-center:after修改为如下： */

.title-center:before,
.title-center:after {
  display: inline-block;
  position: relative;
  content: '';
  height: 1px;
  width: 1.88rem;
  top: -0.1rem;
  background-color: #fd734f;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.border-center {
  /*display:inline-block; 使用flexchild布局的时候，不能给元素设置这个属性，不然， -webkit-box-flex: 1;会失效*/
  height: 1px;
  background-color: #fd734f;
  -webkit-transform: scaleY(0.5);
  transform: scaleY(0.5);
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
}

.card-title {
  padding-top: 0.4rem;
  font-size: 0.34rem;
  color: #3c3c3c;
  text-align: center;
  font-weight: bold;
}

.card-title .text {
  position: relative;
}
.card-title .text:before,
.card-title .text:after {
  content: '';
  display: inline-block;
  position: absolute;
  width: 0.4rem;
  height: 0.32rem;
  background: url('../img/icon_03.jpg') no-repeat;
  background-size: 100% 100%;
  top: 50%;
  margin-top: -0.16rem;
}
.card-title .text:before {
  left: -0.51rem;
}
.card-title .text:after {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
  right: -0.51rem;
}

/* 怎么实现图标水平垂直居中（rem单位） */
/* sass的写法 */

/* @mixin headerIcon($width,$height,$url,$position) {
position: absolute;
$position: .3rem;
top: 0;
width: $width; //图标的宽度
height: .88rem; //头部的高度
background: url($url) no-repeat;
background-position:left center; 
background-size:$width $height;
font-size: .3rem;
text-align: left;
} */

.iconA a {
  display: inline-block;
}
.iconA .foot-nav1 {
  width: 0.66rem;
  height: 0.66rem;
  display: block;
  margin: 0 auto;
  background: url();
}
.iconA span {
  display: block;
  line-height: 0.24rem;
  text-align: center;
  font-size: 0.24rem;
  height: 0.24rem;
  margin-bottom: 0.8rem;
  color: #666;
}

.section2 li {
  list-style: none;
  position: relative;
  width: 100%;
  margin: 0 auto;
  border: 1px solid #ffd6b9;
  box-sizing: border-box;
  padding: 17px 30px;
  background-color: #fff;
  margin-top: 20px;
  border-radius: 40px;
}

.section2 li input {
  background-color: transparent;
  border: 0 none;
  color: #333;
  outline: none;
  position: relative;
  font-size: 26px;
  width: 435px;
  z-index: 102;
}

.sec3 li {
  position: relative;
  height: 0.88rem;
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  box-sizing: border-box;
}
.sec3 li label {
  padding-bottom: 0.2rem;
}
.sec3 li input {
  position: relative;
  width: 4.86rem;
  background: transparent;
  border: 0 none;
  border-bottom: 1px solid #dc115b;
  padding-bottom: 0.2rem;
  color: #efc283;
  font-size: 0.28rem;
  border-radius: 0;
}

.recommend-jd {
  width: 6.43rem;
  position: absolute;
  top: 1.59rem;
  left: 0.54rem;
}
.recommend-jd-bg {
  width: 100%;
  height: 0.31rem;
  background: #fff;
  position: absolute;
  top: 0;
  z-index: 97;
}
.recommend-jd-ks {
  width: 12.5%; /*这个是js控制，根据题数的进度来控制！ */
  height: 0.31rem;
  background: #4a90ff;
  position: absolute;
  top: 0;
  z-index: 98;
}
.recommend-jd img {
  width: 100%;
  display: block;
  position: absolute;
  top: 0;
  z-index: 99;
  height: 0.31rem;
}

/* 修改input的placeholder样式 */
.detail-page input::-webkit-input-placeholder {
  /* WebKit, Blink, Edge */
  font-size: 0.26rem;
  color: #b2b2b2;
  opacity: 1;
}
.detail-page input:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  font-size: 0.26rem;
  color: #b2b2b2;
  opacity: 1;
}
.detail-page input::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  font-size: 0.26rem;
  color: #b2b2b2;
  opacity: 1;
}
.detail-page input:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  font-size: 0.26rem;
  color: #b2b2b2;
  opacity: 1;
}

/* input中增加disabled会自带灰色，修改颜色如下 */
input:disabled {
  border: 1px solid #ddd;
  background-color: #f5f5f5;
  color: #aca899;
}

/* 多行文字左右对齐 */
p {
  text-align: justify;
  text-justify: inter-ideograph;
}

.login-title {
  position: relative;
  height: 0.39rem;
  margin-top: 0.4rem;
  font-size: 0.34rem;
  color: #fff;
  text-align: center;
}
.login-title:after {
  content: '';
  position: absolute;
  width: 5.05rem;
  height: 0.21rem;
  background-color: #fe923f;
  z-index: -1;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 0;
}
